﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="NewQuestion.ascx.cs" Inherits="MyControls_NewQuestion" %>
<style type="text/css">
    .auto-style1 {
        width: 185px;
    }

    .auto-style2 {
        width: 185px;
        height: 23px;
    }

    .auto-style3 {
        height: 23px;
    }

    .auto-style4 {
        width: 185px;
        height: 31px;
    }

    .auto-style5 {
        width: 151px;
    }

    .auto-style6 {
        width: 47px;
    }

    .auto-style7 {
        width: 151px;
        height: 34px;
    }

    .auto-style8 {
        width: 47px;
        height: 34px;
    }

    .auto-style9 {
        height: 34px;
    }
    .auto-style10 {
        width: 185px;
        height: 61px;
    }
    .auto-style11 {
        height: 61px;
    }
</style>

<table style="width: 100%; border: 2px solid #424242">
    <tr>
        <td class="auto-style4" colspan="2">
            <asp:Label ID="lblQuestionNumber" runat="server" Font-Bold="True"></asp:Label>
        </td>

    </tr>
    <tr>
        <td class="auto-style1">
            <asp:Label ID="Label1" runat="server" Font-Bold="True" Text="Question Type: "></asp:Label>
        </td>
        <td>
            <asp:DropDownList ID="ddlQuestionType" runat="server" AutoPostBack="True" Height="19px" Width="178px" OnSelectedIndexChanged="ddlQuestionType_SelectedIndexChanged">
                <asp:ListItem>Select Question Type</asp:ListItem>
                <asp:ListItem>TextBox</asp:ListItem>
                <asp:ListItem>CheckBox</asp:ListItem>
                <asp:ListItem>RadioButton</asp:ListItem>
            </asp:DropDownList>
        </td>

    </tr>
    <tr>
        <td class="auto-style10">
            <asp:Label ID="Label2" runat="server" Font-Bold="True" Text="Question Content :"></asp:Label>
        </td>
        <td class="auto-style11">
            <asp:TextBox ID="txtQuestionContent" runat="server" Height="51px" TextMode="MultiLine" Width="500px" placeholder="Question content.." BorderStyle="Solid" BorderColor="#666666"></asp:TextBox>
        </td>

    </tr>
    <tr>
        <td class="auto-style2">
            <asp:Label ID="Label3" runat="server" Font-Bold="True" Text="Answer Content :"></asp:Label>
        </td>
        <td class="auto-style3">
            <asp:MultiView ID="mvwAnswerContent" runat="server">
                <asp:View ID="vwTextBox" runat="server">
                    <asp:TextBox ID="txtTextboxAnswer" runat="server" Width="500px" Height="60px" TextMode="MultiLine" placeholder="Answer content.." BorderStyle="Solid" BorderColor="#666666"></asp:TextBox>
                </asp:View>
                <asp:View ID="vwCheckBox" runat="server">
                    <table style="width: 100%;">
                        <tr>
                            <td class="auto-style5">
                                <asp:Label ID="Label4" runat="server" Font-Bold="True" Text="How many answers :"></asp:Label>
                            </td>
                            <td class="auto-style6">
                                <asp:TextBox ID="txtChkbAnswerCount" runat="server" Width="100%"></asp:TextBox>
                            </td>
                            <td>&nbsp;&nbsp;
                                <asp:Button ID="btnCreateChkb" runat="server" Text="Create" Width="79px" BackColor="#333333" ForeColor="#cccccc" />
                                &nbsp;&nbsp;
                                <asp:Button ID="btnAddItemChkb" runat="server" Text="Add item" Width="79px" BackColor="#333333" ForeColor="#cccccc" />
                            </td>

                        </tr>
                        <tr>
                            <td class="auto-style5">&nbsp;</td>
                            <td colspan="2">
                                <asp:PlaceHolder ID="phChkbAnswer" runat="server"></asp:PlaceHolder>
                            </td>
                        </tr>
                    </table>
                </asp:View>
                <asp:View ID="vwRadioButton" runat="server">
                    <table style="width: 100%;">
                        <tr>
                            <td class="auto-style7">
                                <asp:Label ID="Label5" runat="server" Font-Bold="True" Text="How many answers :"></asp:Label>
                            </td>
                            <td class="auto-style8">
                                <asp:TextBox ID="txtRbbtnAnswerCount" runat="server" Width="100%"></asp:TextBox>
                            </td>
                            <td class="auto-style9">&nbsp;&nbsp;
                                <asp:Button ID="btnCreaterRdbtnAnswer" runat="server" Text="Create" Width="79px" BackColor="#333333" ForeColor="#cccccc" />
                                &nbsp;&nbsp;
                                <asp:Button ID="btnAddRdbtnAnswer" runat="server" Text="Add item" Width="79px" BackColor="#333333" ForeColor="#cccccc" />
                            </td>

                        </tr>
                        <tr>
                            <td class="auto-style5">&nbsp;</td>
                            <td colspan="2">
                                <asp:PlaceHolder ID="phRbtnAnswer" runat="server"></asp:PlaceHolder>
                            </td>
                        </tr>
                    </table>
                </asp:View>
            </asp:MultiView>
        </td>
    </tr>
</table>
